$(function() {
		
	// 定义列
	var columns = [
		{
				field : 'no',
				title : '序号',
				align : 'left',
				formatter : function(value, row, index) {
					return index + 1;
				}
		},
		{
				field : 'specName',
				title : '规格名称 ',
				align : 'center'
		},
		{
				field : 'specValue',
				title : '规格值',
				align : 'center',
				width : 500
				
		},
		{	
			field : '#',
			title : '操作',
			align : 'center',
			formatter : function(value, row, index) {
				return "<a class='btn btn-primary btn-xs' href='javaScript:void(0);'onclick='toEditProductSpec(\""
								+ row.specName
								+"\")'>编辑</a>"
								+ "<a class='btn btn-danger btn-xs' href='javaScript:void(0);' style='margin-left:20px;' onclick='toDeleteProductSpec(\""
								+ row.specName + "\")'>删除</a>";
			}
		}];
			
			
	// 定义查询回调函数（查询参数在此设置）
	var queryParams = function(params) {
		var specName =  $("#specName").val()
		var specValue =  $("#specValue").val()
		return {
			rows : params.limit, // 页面大小
			page : params.pageNumber, // 页码
			specName : specName,
			specValue : specValue
		};
	};
	
	
	// 清空
	$('#btnProductSpecClear').on('click', function() {
		$("#specName").val("");
		$("#specValue").val("");
	});

	// 查询商品规格
	$('#btnProductSpecQuery').on('click', function() {
		sys.reloadTable('productSpecTable');
	});
	
	// 添加规格项
	$('#btnProductSpecAdd').on('click', function() {
		window.location.href = rootPath + "/productSpec/toUpdateProductSpec";
	});
	
	
	// ----------------- 商品属性tab ------------------------
	
	// 定义列
	var productPropertyColumns = [
		{
				field : 'no',
				title : '序号',
				align : 'left',
				formatter : function(value, row, index) {
					return index + 1;
				}
		},
		{
				field : 'propertyName',
				title : '属性名称',
				align : 'center'
		},
		{
				field : 'propertyValue',
				title : '属性值',
				align : 'center'
		},
	    { field: 'sortNo', title: '<span class="required"><font color="red"></font></span>排序', align: 'center',
	    	formatter: function(value,row,index){
	    		
	    		if(index == 0){
	    			return "<div class='col-md-12 col-sm-12 col-xs-12'>" +
    				"<a class='btn btn-info btn-xs' href='javaScript:void(0);' style='margin-left:20px;' onclick='productPropertyRowSort(\""+row.id+"\",-1,"+ row.sortNo + ")'>下移</a>" +
    				"</div>";
	    		}else{
	    			return "<div class='col-md-12 col-sm-12 col-xs-12'>" +
    				"<a class='btn btn-info btn-xs' href='javaScript:void(0);' onclick='productPropertyRowSort(\""+row.id+"\",1,"+ row.sortNo + ")' style='margin-left:20px;'>上移</a>" +
    				"<a class='btn btn-info btn-xs' href='javaScript:void(0);' onclick='productPropertyRowSort(\""+row.id+"\",-1,"+ row.sortNo + ")' style='margin-left:20px;'>下移</a>" +
    				"<a class='btn btn-info btn-xs' href='javaScript:void(0);' onclick='productPropertyRowSort(\""+row.id+"\",0,"+ row.sortNo + ")' style='margin-left:20px;'>置顶</a>" +
    				"</div>";
	    		}
	    	}
	    },
		{	
			field : '#',
			title : '操作',
			align : 'center',
			formatter : function(value, row, index) {
				return "<div style='padding-top:0px;'><a class='btn btn-primary btn-xs' href='javaScript:void(0);'onclick='toEditProductProperty(\""
								+ row.id
								+"\")'>编辑</a>"
								+ "<a class='btn btn-danger btn-xs' href='javaScript:void(0);' style='margin-left:20px;' onclick='toDeleteProductProperty(\""
								+ row.id + "\")'>删除</a></div>";
			}
		}];
			
			
	// 定义查询回调函数（查询参数在此设置）
	var productPropertyQueryParams = function(params) {
		var propertyName =  $("#propertyName").val();
		var propertyValue =  $("#propertyValue").val();
		return {
			rows : params.limit, // 页面大小
			page : params.pageNumber, // 页码
			propertyName : propertyName,
			propertyValue : propertyValue
		};
	};
	
	

	
	
	// 清空
	$('#btnProductPropertyClear').on('click', function() {
		$("#propertyName").val("");
		$("#propertyValue").val("");
	});
	
	// 查询商品规格
	$('#btnProductPropertyQuery').on('click', function() {
		sys.reloadTable('productPropertyTable');
	});
	
	// 添加规格项
	$('#btnProductPropertyAdd').on('click', function() {
		window.location.href = rootPath + "/productProperty/toUpdateProductProperty";
	});
	
	
	// ======================== 商品属性模板========================
	
	// 定义列
	var productPropertyTemplatecolumns = [
		{
				field : 'no',
				title : '序号',
				align : 'left',
				formatter : function(value, row, index) {
					return index + 1;
				}
		},
		{
				field : 'templateName',
				title : '模版名称 ',
				align : 'center'
		},
		{
				field : 'templateIntro',
				title : '属性配置',
				align : 'center'
		},
		{	
			field : '#',
			title : '操作',
			align : 'center',
			formatter : function(value, row, index) {
				return "<a class='btn btn-primary btn-xs' href='javaScript:void(0);'onclick='toEditProductPropertyTemplate(\""
				+ row.id
				+"\")'>编辑</a>"
				+ "<a class='btn btn-danger btn-xs' href='javaScript:void(0);' style='margin-left:20px;' onclick='toDeleteProductPropertyTemplate(\""
				+ row.id + "\")'>删除</a>";
			}
		}, ];
			
			
	// 定义查询回调函数（查询参数在此设置）
	var productPropertyTemplateQueryParams = function(params) {
		var templateName =  $("#templateName").val();
		return {
			rows : params.limit, // 页面大小
			page : params.pageNumber, // 页码
			templateName : templateName
		};
	};
	
	
	
	// 初始化第一个tab表格加载
	var url = rootPath + "/productSpec/listProductSpecPage";
	sys.initTable('productSpecTable', {
		url : url,
		queryParams : queryParams,
		columns : columns,
		striped : true,
		clickToSelect : true
	});
	
	
	var productPropertyUrl = rootPath + "/productProperty/listProductPropertyPage"; // 请求json数据的服务器地址
	sys.initTable('productPropertyTable', {
		url : productPropertyUrl,
		queryParams : productPropertyQueryParams,
		columns : productPropertyColumns,
		striped : true,
		clickToSelect : true
	});

	var url = rootPath + "/productPropertyTemplate/listProductPropertyTemplatePage"; // 请求json数据的服务器地址
	sys.initTable('productPropertyTemplateTable', {
		url : url,
		queryParams : productPropertyTemplateQueryParams,
		columns : productPropertyTemplatecolumns,
		striped : true,
		clickToSelect : true
	});
	
	/**
	// 几个tab的首次访问标记
	var product_spec_config_flag = false;
	var product_property_config_flag = false;
	var product_property_template_config_flag = false;
	// tab 首次选择时，加载表格数据
	$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
        // 获取已激活的标签页的名称
        var activeTab = $(e.target).text();
        var tabId = $(e.target).attr("href");
        
        // 商品属性tab
        if(tabId == '#product_property_config' && !product_property_config_flag){
        	var productPropertyUrl = rootPath + "/productProperty/listProductPropertyPage"; // 请求json数据的服务器地址
        	sys.initTable('productPropertyTable', {
        		url : productPropertyUrl,
        		queryParams : productPropertyQueryParams,
        		columns : productPropertyColumns,
        		striped : true,
        		clickToSelect : true
        	});
        	product_property_config_flag = true;
        }
        
        // 商品属性模板 tab
        if(tabId == '#product_property_template_config' && !product_property_template_config_flag){
        	var url = rootPath + "/productPropertyTemplate/listProductPropertyTemplatePage"; // 请求json数据的服务器地址
        	sys.initTable('productPropertyTemplateTable', {
        		url : url,
        		queryParams : productPropertyTemplateQueryParams,
        		columns : productPropertyTemplatecolumns,
        		striped : true,
        		clickToSelect : true
        	});
        	product_property_template_config_flag = true;
        }
    });
	*/
	
	// 查询
	$('#btnProductPropertyTemplateQuery').on('click', function() {
		sys.reloadTable('productPropertyTemplateTable');
	});
	
	// 清空
	$('#btnProductPropertyTemplateClear').on('click', function() {
		$("#templateName").val("");
	});

	// 新增商品模板
	$('#btnProductPropertyTemplateAdd').on('click', function() {
		window.location.href = rootPath + "/productPropertyTemplate/toAddProductPropertyTemplate";
	});

})

// 跳转编辑商品规格页面
function toEditProductSpec(specName) {
	var url = rootPath + "/productSpec/toUpdateProductSpec";  
	var form = $("<form></form>");  
	form.attr("action", url);  
	form.attr("method", "post");  
	form.append("<input type='hidden' name='specName' value='"+specName+"'/>");  
	form.appendTo("body").submit();  
	form.remove();
}

//删除商品规格配置
function toDeleteProductSpec(specName){
	var url = rootPath + "/productSpec/deleteProductSpec";
	layer.confirm('确定要删除商品规格配置？',{
		  btn: ['确定','取消'], //按钮
		  skin: 'layui-layer-lan' //样式类名
		}, function(index, layero){
			$.ajax({
		        type:"post",
		        url:url,
		        data:{specName:specName},
		        datatype: "json",
		        success:function(json){
		        	//showSuccess(json.resultMsg);
		        	if(json.resultCode == '1'){
		        		$("#productSpecTable").bootstrapTable("refresh");
		        	}
		        	layer.close(index)
		        },
		        error: function(){
		        	showErr(json.resultMsg);
		        }
			});
		}, 
		function(index){
			
		}
	);
	
}


//跳转编辑商品属性页面
function toEditProductProperty(id) {
	var url = rootPath + "/productProperty/toUpdateProductProperty";  
	var form = $("<form></form>");  
	form.attr("action", url);  
	form.attr("method", "post");  
	form.append("<input type='hidden' name='id' value='"+id+"'/>");  
	form.appendTo("body").submit();  
	form.remove();
}


//删除商品属性
function toDeleteProductProperty(id){
	var url = rootPath + "/productProperty/deleteProductProperty";
	layer.confirm('确定要删除商品属性？',{
		  btn: ['确定','取消'], //按钮
		  skin: 'layui-layer-lan' //样式类名
		}, function(index, layero){
			
			$.ajax({
		        type:"post",
		        url:url,
		        data:{id:id},
		        datatype: "json",
		        success:function(json){
		        	if(json.resultCode == '1'){
		        		$("#productPropertyTable").bootstrapTable("refresh");
		        	}
		        	layer.close(index)
		        },
		        error: function(){
		        	layer.alert(json.resultMsg, {
				        skin: 'layui-layer-lan'
				    });
		        }
			});
		}, 
		function(index){
			
		}
	);
}

//商品属性排序
function productPropertyRowSort(id,direction,sortNo){
	var url = rootPath + "/productProperty/updateProductPropertySort";
	$.ajax({
        type:"post",
        url:url,
        data:{sortNo:sortNo,direction:direction,id:id},
        datatype: "json",
        success:function(json){
        	// showSuccess(json.resultMsg);
        	if(json.resultCode == '1'){
        		$("#productPropertyTable").bootstrapTable("refresh");
        	}
        },
        error: function(){
        	showErr(json.resultMsg);
        }
	});
}




//跳转编辑商品属性模板编辑页面
function toEditProductPropertyTemplate(id) {
	var url = rootPath + "/productPropertyTemplate/toUpdateProductPropertyTemplate";  
	var form = $("<form></form>");  
	form.attr("action", url);  
	form.attr("method", "post");  
	form.append("<input type='hidden' name='id' value='"+id+"'/>");
	form.appendTo("body").submit();  
	form.remove();
}

// 删除商品属性模板
function toDeleteProductPropertyTemplate(id){
	var url = rootPath + "/productPropertyTemplate/deleteProductPropertyTemplate";
	layer.confirm('您确定要删除该商品属性模板吗？',{
		  btn: ['确定','取消'], //按钮
		  skin: 'layui-layer-lan' //样式类名
		}, function(index, layero){
			$.ajax({
		        type:"post",
		        url:url,
		        data:{id:id},
		        datatype: "json",
		        success:function(json){
		        	if(json.resultCode == '1'){
		        		$("#productPropertyTemplateTable").bootstrapTable("refresh");
		        	}
		        	layer.close(index)
		        },
		        error: function(){
		        	layer.alert(json.resultMsg, {
				        skin: 'layui-layer-lan'
				    });
		        }
			});
		}, 
		function(index){
			
		}
	);
}
